<template>
      <input v-model="xvalue" @change="updateValue" :disabled="disabled" />
</template>

<script setup lang="ts">
import {ref, defineExpose, onMounted} from 'vue'

const  prop = defineProps({
    value: {},
    disabled: {
      default: false,
      type: Boolean
    }
})
const xvalue = ref()
const emit = defineEmits(["input"])

function updateValue (v) {
  emit('input', xvalue.value)
}

onMounted( () => {
  xvalue.value = prop.value
})

</script>

<style>
</style>
